@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
header {
    width: 1366px;
    height: 78px;
    background: #1C1C1E;
    div {
        width: 1072px;
        height: 78px;
        margin: 0 auto;
        line-height: 78px;
        background: #1C1C1E;
        p:nth-of-type(1) {
            float: left;
            color: #F1C40E;
            font-size: 14px;
            line-height: 78px;
            margin-left: 103px;
        }
        p:nth-of-type(2) {
            float: left;
            color: #727271;
            font-size: 12px;
            line-height: 78px;
            margin-left: 40px;
        }
        ul {
            float: left;
            margin-left: 130px;
            li {
                float: left;
                font-size: 12px;
                color: #727271;
                line-height: 78px;
                margin-right: 78px;
                a {
                    color: #727271;
                    padding-bottom: 10px;
                }
            }
            .active1 {
                border-bottom: 4px solid #FDDB10;
                color: #C7A205;
            }
        }
    }
}
.box {
    width: 1366px;
    height: 400px;
    margin: 0 auto;
    position: relative;
    div {
        width:1366px;
        height: 400px;
        position: absolute;
        img {
            width: 1366px;
            height: 400px;
            position:relative;
        }
        p{
            position: absolute;
            width: 800px;
            height: 200px;
            left:50%;
            top:50%;
            margin-left: -400px;
            margin-top: -60px;
            color: orange;
            text-align: center;
            font-size: 36px;
        }
    }
    ol {
        position: absolute;
        width: 400px;
        height: 20px;
        bottom: 10px;
        left: 50%;
        margin-left: -200px;
        li {
            width: 60px;
            height: 4px;
            background: gainsboro;
            float: left;
            margin-left: 70px;
            text-align: center;
            line-height: 20px;
        }
    }
}
#left {
     font-size:40px;
    color: orange;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 999;
    text-decoration: none;
    transform: translateY(-50%);
}
#right {
    font-size:40px;
    color: orange;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 999;
    text-decoration: none;
    transform: translateY(-50%);
}
.nr1{
    width: 1366px;
    height: 300px;
    position: relative;
    img{
        width:1366px;
        height:300px;
        position: absolute;
        left: 0;top: 0;
    }
    h1{
      width: 400px;
      height: 50px;
      position: absolute;
      left: 50%;
      margin-left: -200px;
      text-align: center;
      margin-top: 25px;
    }
    .tet{
        width: 800px;
        height: 200px;
        text-align: center;
        position: absolute;
        left: 50%;
        margin-left: -400px;
        margin-top: 100px;
        color: #727271;
        p{
            margin: 8px;
        }
        button{
           padding:6px 20px;
           border-radius:10px;
           background: white;
           border: 1px solid gainsboro;
        }
    }
}
.nr2{
    width:1366px;
    height: 400px;
    background:#121212;
    position: relative;
    .lunbo{
        position: absolute;
        width:780px;
        height:250px;
        margin:auto;
        left: 50%;
        top:50%;
        margin-left: -390px;
        margin-top: -100px;
//     background: palegreen;
       overflow: hidden;
       ul{
            width: 1100px;
            height: 250px;
      li{
          float: left;
          width: 250px;
          height: 250px;
          margin-left: 10px;
          img{
              width: 250px;
              height: 250px;
          }
      }  
   }  
}
.left{
    position: absolute;
    left: 244px;
    top: 190px;
}
.right{
    position: absolute;
    right: 225px;
    top: 190px;
}
}
.nr3{
    width:1366px;
    height: 250px;
    background: #FDDB10;
    text-align: center;
    border: 1px solid#FDDB10 ;
    h1{
        color: white;
        margin-top: 70px;
    }
    p{
        width: 180px;
        height: 60px;
        margin: 26px auto;
        background: white;
        text-align: center;
        line-height:60px;
        border-radius: 10px;
    }
}
.nr4{
    width:1366px;
    height: 120px;
    background: white;
    ul{
        width: 1000px;
        height: 120px;
        margin-left:200px;
        line-height: 120px;
        display: flex;
        align-items: center;
        line-height: 120px;
        li{
            width:200px;
            height:120px;
            text-align: center;
        }
    }
}
.nr5{
    width:1366px;
    height:400px;
    background: #121212;
    display: flex;
    padding-top: 100px;
    .left{
        width: 600px;
        text-align: center;
        margin-left: 80px;
        h1{
          color: #F1C40E;  
        }
        div{
            width: 500px;
            display: flex;
            margin-left: 220px;
            align-items: center;
            margin-top: 20px;
            img{
                width: 20px;
                height: 30px;
                margin-right: 10px;
                vertical-align: middle;
            }
            p{
                color: #5e5b5b;
            }
        }
        .aa{
            img{
                width: 30px;
                height: 30px;
            }
        }
    }
    .right{
        width: 600px;
        text-align: center;
        margin-left: 100px;
        .tt{
            width: 200px;
            background: white;
            padding: 10px ;  
            margin-bottom:20px;          
            input{
                border: none;
                padding: 4px 0;
            }
        }
        .ttt{
            width: 220px;
            height: 80px;
            background: white;
//          padding: 10px ; 
color: gainsboro;
        margin-bottom: 10px;
        }
        .xx{
            width: 220px;
            color: white;
            background: orange;
            padding: 10px 0;
        }
        
    }
}
.foot{
    width: 1366px;
    height: 100px;
    background: #222222;
    text-align: center;
    line-height: 100px;
    color:gainsboro;
    
}
